/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */
@tailwind base;
@tailwind components;
@tailwind utilities;
* {
  font-family: 'Inter', sans-serif;
  font-optical-sizing: auto;
  box-sizing: border-box;
  font-weight: 500;
  font-style: normal;
}

/* 滚动条整体样式 */
::-webkit-scrollbar {
  width: 6px; /* 纵向滚动条宽度 */
  height: 6px; /* 横向滚动条高度 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #d4d4d4; /* 滑块颜色 */
  border-radius: 3px; /* 滑块圆角 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f5f5f5; /* 轨道颜色 */
  border-radius: 3px; /* 轨道圆角 */
}

/* 滚动条hover状态 */
::-webkit-scrollbar-thumb:hover {
  background: #a3a3a3;
}

.container-wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1400px;
}

.scroller {
  flex: auto 1 1;
  height: 100%;
}

.text-shadow-custom {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* 触摸滚动优化 */
.touch-pan-x {
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}

/* 移动端表格滚动优化 */
@media (max-width: 768px) {
  .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
  }
}
